<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
     <title>公司产品-招聘服务-拉勾网-最专业的互联网招聘平台</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	 <link href="http://www.lagou.com/images/favicon.ico" rel="Shortcut Icon">
    <link href="style/css/style.css" type="text/css" rel="stylesheet">
    <link href="style/css/external.min.css" type="text/css" rel="stylesheet">
    <link href="style/css/popup.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="style/js/jquery.1.10.1.min.js"></script>
    <script src="style/js/jquery.lib.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="style/js/ajaxfileupload.js"></script>
    <script src="style/js/additional-methods.js" type="text/javascript"></script>
    <!--[if lte IE 8]>
    <script type="text/javascript" src="style/js/excanvas.js"></script>
<![endif]-->
    <script type="text/javascript">
        var youdao_conv_id = 271546;
    </script>
    <script src="style/js/conv.js" type="text/javascript"></script>
    <script src="style/js/ajaxCross.json" charset="UTF-8"></script>
    <script type="text/javascript">
        /* 文件上传失败服务器响应回来的提示 */
        var fileupload_error = "${param.fileupload_error}"
        if (fileupload_error != "") {
            //alert("文件上传失败：文件大小不能超过12M,没有上传图片");
        }
        /* 仅仅是预览图片效果 */
        function changepic() {
            // 构造一个文件渲染对象
            var reads = new FileReader();
            // 得到文件列表数组
            var f = document.getElementById('file').files[0];
            // FileReader.readAsDataURL读取指定Blob或File的内容
            reads.readAsDataURL(f);
            // 拿到文件数据
            reads.onload = function(e) {
                // 显示图片
                document.getElementById('img3').src = this.result;
                $("#img3").css("display", "block");
            };
        }
    </script>

  </head>
  
  <body>
  <div id="body">
       <!-- end #header --><jsp:include page="company_resume/top.jsp"></jsp:include>
        <div id="container">

            <div class="content_mid">
                <dl class="c_section c_section_mid">
                    <dt>
                        <h2><em></em>填写公司信息</h2>
                        <a class="c_addjob" href="#"><i></i></a>
                    </dt>
                    <dd>
                        <div class="c_text">目标明确、前途光明的产品是吸引求职者的制胜法宝哦！</div>
                        <img width="668" height="56" class="c_steps" alt="第四步" src="style/images/step4.png">
                        <form method="post" action="CompanyServlet?op=queryCompangfour" id="productForm"enctype="multipart/form-data" method="post" autocomplete="off">
                            <div id="productDiv">
                                <div class="formWrapper">
                                    <input type="hidden" value="25927" name="productInfos[0].companyId">
                                    <h3>产品海报</h3>
                                    <div class="new_product mt20">
                                        <div id="prompt3">
                                            <input type="file" id="file" name="myfile" class="filepath"
                                                onchange="changepic()"
                                                accept="image/jpg,image/jpeg,image/png,image/gif" style="display: block; margin: 0 auto;">
                                        </div>
                                        <div class="userImage" style="width: 380px; height: 220px; margin: 10px auto;  border: 1px solid black;">
                                            <img src="#" id="img3"  style="width: 380px; height: 220px;"/>
                                        </div>
                                    </div>
                                    <span style="display:none;" id="myfiles0_error" class="error"></span>

                                    <h3>产品名称</h3>
                                    <input type="text" placeholder="请输入产品名称" name="cproductName" id="name0"style="width: 600px">

                                    <h3>产品地址</h3>
                                    <input type="text" placeholder="请输入产品主页URL或产品下载地址" name="productInfos[0].productUrl"
                                        id="address0"style="width: 600px">

                                    <h3>产品简介</h3>
                                    <textarea placeholder="请简短描述该产品定位、产品特色、用户群体等" maxlength="1000"
                                        name="cprodunct" id="description0"></textarea>
                                    <div class="word_count">你还可以输入 <span>500</span> 字</div>
                                </div>
                            </div>
                            <!-- <a id="addMember" class="add_member" href="javascript:void(0)"><i></i>继续添加公司产品</a>
                            <div class="clear"></div> -->
                            <input type="submit" value="保存，下一步" id="step4Submit" class="btn_big fr">
                        </form>
                    </dd>
                </dl>
            </div>
            <script src="style/js/step4.min.js" type="text/javascript"></script>
            <div class="clear"></div>
            <input type="hidden" value="8f79f658e49846ae89d90a3f1590f12e" id="resubmitToken">
            <a rel="nofollow" title="回到顶部" id="backtop" style="display: none;"></a>
        </div><!-- end #container -->
    </div><!-- end #body -->
    <div id="footer">
        <div class="wrapper">
            <a rel="nofollow" target="_blank" href="about.html">联系我们</a>
            <a target="_blank" href="http://www.lagou.com/af/zhaopin.html">互联网公司导航</a>
            <a rel="nofollow" target="_blank" href="http://e.weibo.com/lagou720">拉勾微博</a>
            <a rel="nofollow" href="javascript:void(0)" class="footer_qr">拉勾微信<i></i></a>
            <div class="copyright">&copy;2013-2014 Lagou <a
                    href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action"
                    target="_blank">京ICP备14023790号-2</a></div>
        </div>
    </div>

    <script src="style/js/core.min.js" type="text/javascript"></script>
    <script src="style/js/popup.min.js" type="text/javascript"></script>
    <div id="cboxOverlay" style="display: none;"></div>
    <div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;">
        <div id="cboxWrapper">
            <div>
                <div id="cboxTopLeft" style="float: left;"></div>
                <div id="cboxTopCenter" style="float: left;"></div>
                <div id="cboxTopRight" style="float: left;"></div>
            </div>
            <div style="clear: left;">
                <div id="cboxMiddleLeft" style="float: left;"></div>
                <div id="cboxContent" style="float: left;">
                    <div id="cboxTitle" style="float: left;"></div>
                    <div id="cboxCurrent" style="float: left;"></div><button type="button"
                        id="cboxPrevious"></button><button type="button" id="cboxNext"></button><button
                        id="cboxSlideshow"></button>
                    <div id="cboxLoadingOverlay" style="float: left;"></div>
                    <div id="cboxLoadingGraphic" style="float: left;"></div>
                </div>
                <div id="cboxMiddleRight" style="float: left;"></div>
            </div>
            <div style="clear: left;">
                <div id="cboxBottomLeft" style="float: left;"></div>
                <div id="cboxBottomCenter" style="float: left;"></div>
                <div id="cboxBottomRight" style="float: left;"></div>
            </div>
        </div>
        <div style="position: absolute; width: 9999px; visibility: hidden; display: none;"></div>
    </div>
  </body>
</html>
